import React from 'react';
import { Button, Modal } from 'antd';

class BasicModal extends React.Component {
	state = {
		visible: false,
	};
    showModal = () => {
    	this.setState({
      		visible: true,
    	});
    }
	handleOk = (e) => {
		console.log(e);
		this.setState({ visible: false });
	}

	handleCancel = (e) => {
		console.log(e);
		this.setState({visible: false});
	}

	render () {
		return (
			<div>
			<Button type="primary" onClick={this.showModal}>open</Button>
			<Modal title="Basic Modal" visible={this.state.visible} onOk={this.handleOk}
			onCancel={this.handleCancel}>
				<p>Some contents...</p>
            	<p>Some contents...</p>
            	<p>Some contents...</p>
			</Modal>
			</div>
		);
	}
}

export default BasicModal;